<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>信息</title>
    <!-- 导入字体图样式 -->
    <link rel="stylesheet" href="../Public/iconfont/iconfont.css">
    <!-- 导入公共css样式 -->
    <link rel="stylesheet" href="../Public/css/common.css">
    <!-- 导入头部导航的JS样式 -->
    <script src="../Public/js/utils.js"></script>
    <!-- 导入JQuery库js样式 -->
    <script src="../Public/js/jQuery.mini.js"></script>
    <!-- 导入文档的CSS样式 -->
    <link rel="stylesheet" href="../Personalcenter/css/message.css">
    <!-- 导入文档的JS样式 -->
    <!-- <script src="../Personalcenter/js/"></script> -->
    <!-- 头部导航 -->
    <script>
        window.onload = function() {      
            utils.addHeader(1, '信息', ``, 1);      
            // utils.addFooter(1);  
        }
        $(function() {
            // 审批通过
            $('.cell').eq(0).click(function() {
                    window.location.assign('#')
                })
                // 工资条发放
            $('.cell').eq(1).click(function() {
                    window.location.assign('#')
                })
                // 日程
            $('.cell').eq(2).click(function() {
                    window.location.assign('/Schedule/schedule.html')
                })
                // 档案完善
            $('.cell').eq(3).click(function() {
                window.location.assign('#')
            })
        })
    </script>
</head>

<body>
    <div class="box">
        <div class="cell">
            <div class="img blue">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/消息/u10305.png" alt="">
            </div>
            <div class="information">
                <p class="p1">
                    <span class="name">审批通过提醒</span>
                    <span class="time">2021-04-30</span>
                </p>
                <p class="p2">
                    <span class="tip1">您提交的补卡申请已通过</span>
                    <span class="tip2 iconfont icon-dian"></span>
                </p>
            </div>
        </div>
        <div class="cell">
            <div class="img red">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/办公/u2397_selected.png" alt="">
            </div>
            <div class="information">
                <p class="p1">
                    <span class="name">工资条发放通知</span>
                    <span class="time">2021-04-30</span>
                </p>
                <p class="p2">
                    <span class="tip1">本月工资明细已发送，点击查看</span>
                    <span class="tip2 iconfont icon-dian"></span>
                </p>
            </div>
        </div>
        <div class="cell">
            <div class="img yellow">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/消息/u10319.png" alt="">
            </div>
            <div class="information">
                <p class="p1">
                    <span class="name">日程提醒</span>
                    <span class="time">2021-04-30</span>
                </p>
                <p class="p2">
                    <span class="tip1">您发起的待办任务即将到期，请尽快处理</span>
                    <span class="tip2 iconfont icon-dian"></span>
                </p>
            </div>
        </div>
        <div class="cell">
            <div class="img green">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/消息/u10326.png" alt="">
            </div>
            <div class="information">
                <p class="p1">
                    <span class="name">完善档案提醒</span>
                    <span class="time">2021-04-30</span>
                </p>
                <p class="p2">
                    <span class="tip1">请尽快完善您的员工档案信息</span>
                    <span class="tip2 iconfont icon-dian"></span>
                </p>
            </div>
        </div>
        <span class="bottomtips">没有更多数据了</span>
    </div>
</body>

</html>